<!doctype html>
<html lang="en" class="feedback" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="/css/phone/mui.css" rel="stylesheet"/>
    <link href="/css/phone/iconfont.css" rel="stylesheet"/>
    <!--追加样式-->
    <style>
        .item {
            margin-right: 10px;
        }

        .item .pic {
            float: left;
            width: 20%;
            overflow: hidden;
            margin-right: 10px;
        }

        .item .content {
            float: left;
            width: 50%;
            overflow: hidden;
            zoom: 1;
            margin-top: 8px;

        }

        .icon-jiahao:before {
            font-size: 200%;
            position: fixed;
            bottom: 30%;
            right: 5%;
            color: dodgerblue;
            z-index: 999;
        }

        .img-responsive {
            display: inline-block;
            height: auto;
            max-width: 100%;
        }
    </style>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a href="/iphone/user" class="mui-icon mui-pull-left"><span style="font-size: 15px">返回</span></a>
    <h1 class="mui-title">贡献图书列表</h1>
    <a class="mui-icon mui-pull-right" th:href="'/iphone/toContribution/'+${userId}">
        <span style="font-size: 15px">继续贡献</span>
    </a>
</header>
<div class="mui-content">
    <!--贡献过的图书列表-->
    <!--每本书都连接到图书详情-->
    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-media" th:each="gongxian:${applyDOList}">
            <a href="###" style="height: 85px;">
                <div class="item">
                    <div class="pic">
                        <img class="img-responsive"
                             src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3222734899,297904550&fm=173&s=2282914D1A22825308ED848F03003043&w=218&h=146&img.JPEG"
                             th:src="${gongxian.bookImg}" style="max-height: 100%;"/>
                    </div>
                    <div class="content">
                        <div class="mui-ellipsis" th:text="${gongxian.bookName}">书名</div>

                        <div style="font-size: 12px" th:text="${gongxian.author}">作者</div>

                    </div>
                    <div class="content2" style="float: right;margin-top: 8px;width: 20%">

                            <div
                                  th:text="${#dates.format(gongxian.upDate,'yyyy-MM-dd')}">时间</div>

                        <div style="float: right;font-size: 12px" th:text="${gongxian.content}">审核状态</div>
                    </div>

                </div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media" th:attr="hidden=(${applyDOList==null}?false:ture)">
            <a th:href="'/iphone/toContribution/'+${userId}" style="height: 85px;">
                <div class="item">
                    <div class="content">
                        暂时没有贡献的图书
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>
</body>

<script src="/js/phone/mui.min.js"></script>
<script type="text/javascript">
    mui.init()
</script>

</html>